@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,500;0,700;0,800;1,400;1,500&display=swap');body{background-color:#EFEFEF;min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;background-color:#dddddd;position:absolute;z-index:1000;margin-top:0;margin-bottom:10px;position:fixed;font-family:'Kanit',sans-serif}.container-fluid{width:100%;height:100%;text-align:center}.log-nav{width:25%}.log-nav:hover{filter:drop-shadow(5px 5px 5px#15253e)}.collapse{width:80%}.navbar-nav{width:100%}.nav-item{width:18%;margin:auto;display:flex;justify-content:center;align-items:center}.nav-item:hover{justify-content:center;color:#fff}.nav-link{font-size:22px;font-weight:bold;color:#15253e}.nav-link:hover{color:white}.grp1{width:70%}.grp1:hover{width:70%}.grp2{width:10%;color:#15253e}.grp2:hover{width:10%;color:white}.dropdown-toggle{width:25px}.nav-item:hover.nav-link:hover{width:100%;border-radius:15px;background:linear-gradient(45deg,#e11f26,#e11f26,#1d3d6f,#1d3d6f);background-size:400%400%;position:relative;animation:cambiar 10s ease-in-out infinite}.nav-item:hover{color:white}.dropdown-item{text-align:center}.dropdown-item:hover{background:linear-gradient(45deg,#e11f26,#e11f26,#1d3d6f,#1d3d6f);background-size:400%400%;position:relative;animation:cambiar 10s ease-in-out infinite;border-radius:15px;color:white;text-align:center}@keyframes cambiar{0%{background-position:0 50%}50%{background-position:100%50%}100%{background-position:0 50%}}.dropdown-menu{border:2px solid gray;background-color:#dddddd;font-size:15px}@media only screen and(min-width:290px)and(max-width:769px){.log-nav{width:auto}.nav-link{font-size:15px}.nav-item{width:50%}.dropdown-menu{font-size:10px}.log-nav{width:175px;height:auto}}@media only screen and(min-width:770px)and(max-width:1300px){.nav-link{font-size:17px;margin:auto}.nav-item{width:50%}.dropdown-menu{font-size:12px}.log-nav{width:180px;height:auto}}@media only screen and(min-width:290px)and(max-width:991px){.dropdown{display:flex}.dropdown-menu{flex-direction:column}.dropdown-item{width:auto}}